<!-- 评价管理 -->
<template>
	<view class="">
		<u-navbar :is-back="true">
			<view class="flex-bettwen w100">
				<view class="fs34">评价管理</view>
				<view class="color-gray fs28 m-r30" @click="isShowSortTime = true">
					<text class="fs26 m-r10">筛选</text>
					<u-icon name="arrow-down"></u-icon>
				</view>
			</view>
		</u-navbar>
		
		<view class="bg-white flex-around p-t30">
			<view class="tab-item p-b20 center color-gray " @click="current = index"
				:class="current == index?'tab-item-active':''" v-for="(item,index) in tabList" :key="index">
				<view class="fs28">{{item.text}}</view>
			</view>
		</view>
		
		<view class="padding30">
			<view class="" style="font-weight: bold;">核心指标</view>
			<view class="m-t20 flex-bettwen">
				<view class="bg-gray padding20 br16">
					<view class="color-gray fs26">评价好评率</view>
					<view class="m-t20 fs32" style="font-weight: bold;">
						96.00%
					</view>
					<view class="m-t20 color-gray fs24">较30天前 <u-icon name="arrow-upward" class="price-color"></u-icon> <text class="price-color">0.21%</text> </view>
					<view class="color-gray fs24 m-t10">超越 <text>99.58%</text> 同行</view>
				</view>
				<view class="bg-gray padding20 br16">
					<view class="color-gray fs26">评价中评率</view>
					<view class="m-t20 fs32" style="font-weight: bold;">
						3.00%
					</view>
					<view class="m-t20 color-gray fs24">较30天前 <u-icon name="arrow-upward" class="price-color"></u-icon> <text class="price-color">0.21%</text> </view>
					<view class="color-gray fs24 m-t10">超越 <text>99.58%</text> 同行</view>
				</view>
				<view class="bg-gray padding20 br16">
					<view class="color-gray fs26">评价差评率</view>
					<view class="m-t20 fs32" style="font-weight: bold;">
						1.00%
					</view>
					<view class="m-t20 color-gray fs24">较30天前 <u-icon name="arrow-downward" class="green-color"></u-icon> <text class="green-color">0.21%</text> </view>
					<view class="color-gray fs24 m-t10">超越 <text>99.58%</text> 同行</view>
				</view>
			</view>
		</view>
		
		
		<view class="padding30">
			<view class="" style="font-weight: bold;">待处理</view>
			<view class="br-line m-t20 flex-bettwen br16 padding20">
				<view class="">
					<view class="">待回复差评 <text class="price-color">0</text>个 </view>
					<view class="m-t10 fs26 color-gray">今日新增0个</view>
				</view>
				<view class="">
					<u-button type="primary" plain size="medium">去回复</u-button>
				</view>
			</view>
			<view class="br-line m-t20 flex-bettwen br16 padding20">
				<view class="">
					<view class="">待回复中评 <text class="price-color">0</text>个 </view>
					<view class="m-t10 fs26 color-gray">今日新增0个</view>
				</view>
				<view class="">
					<u-button type="primary" plain size="medium">去回复</u-button>
				</view>
			</view>
			<view class="br-line m-t20 flex-bettwen br16 padding20">
				<view class="">
					<view class="">待回复好评 <text class="price-color">0</text>个 </view>
					<view class="m-t10 fs26 color-gray">今日新增0个</view>
				</view>
				<view class="">
					<u-button type="primary" plain size="medium">去回复</u-button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				current:0,
				tabList: [{
					text: '整体情况',
					value: 34,
				}, {
					text: '评价管理',
					value: 2,
				} ],
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	.tab-item {
		text-align: center;
		position: relative;
	
	}
	.tab-item-active {
		color: #269dd1;
	}
	
	.tab-item-active::after {
		position: absolute;
		content: "";
		display: block;
		width: 50rpx;
		height: 10rpx;
		background: #269dd1;
		left: 50%;
		bottom: 0;
		transform: translate(-50%);
	}
	.price-color{
		color: #e12539;
	}
	.green-color{
		color: #58bc6a;
	}
</style>
<style>
	page{
		background: #fff;
	}
</style>